<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <link rel="shortcut icon" href="../static/favicon.ico" th:href="@{/favicon.ico}"/>

    <title>authorization_code . MyOIDC[RP]</title>

    <th:block th:include="fragment/header :: public-css"/>

    <!--<script src="../../static/angular.min.js" th:src="@{'/static/angular.min.js'}"></script>-->
</head>
<body>

<div th:replace="fragment/header :: public-header"/>

<div class="container">
    <h2>authorization_code
        <small>用 'access_token' 去访问 myoidc-server 的API</small>
    </h2>
    <br/>


    <div class="panel panel-default">
        <div class="panel-heading">步骤3: <code>用 'access_token' 去访问 myoidc-server 的API</code></div>
        <div class="panel-body">
            <dl class="dl-horizontal">
                <dt>access_token</dt>
                <dd><code th:text="${accessTokenDto.accessToken}"></code> <a
                        th:href="${'verify_token?token=' + accessTokenDto.accessToken}" target="_blank">Verify</a></dd>
                <dt>token_type</dt>
                <dd><code th:text="${accessTokenDto.tokenType}"></code></dd>
                <dt>refresh_token</dt>
                <dd><code th:text="${accessTokenDto.refreshToken}"></code> <a
                        th:href="${'verify_token?token=' + accessTokenDto.refreshToken}" target="_blank">Verify</a></dd>
                <dt>scope</dt>
                <dd><code th:text="${accessTokenDto.scope}"></code></dd>
                <dt>expires_in</dt>
                <dd><code th:text="${accessTokenDto.expiresIn}"></code></dd>
                <dt th:if="${accessTokenDto.includeIdToken}">id_token</dt>
                <dd th:if="${accessTokenDto.includeIdToken}"><code th:text="${accessTokenDto.idToken}"></code> <a
                        th:href="${'verify_token?token=' + accessTokenDto.idToken}" target="_blank">Verify</a></dd>
                <dt>jti</dt>
                <dd><code th:text="${accessTokenDto.jti}">jti</code></dd>
            </dl>
            <hr/>
            <p>
                获取access_token成功, 现在可以访问myoidc-server资源了, 以下提供两种方式去访问myoidc-server资源(或API).
            </p>
            <ul>
                <li>
                    方式1: 调用本地的接口,由后台去向服务器获取资源并进行处理(如将JSON数据转化成对象), 通过页面展示信息
                    <br/>
                    <a href="#" th:href="${'user_info?access_token=' + accessTokenDto.accessToken}">OIDC Server
                        用户信息</a>
                </li>
                <li>
                    方式2: 直接通过access_token去访问服务器的资源(该方式将直接获取JSON数据)
                    <br/>
                    <a href="#"
                       th:href="${endpointInfo.userinfo_endpoint + '?access_token=' + accessTokenDto.accessToken}"
                       target="_blank">OIDC
                        Server
                        用户信息
                        [JSON]</a>
                </li>
                <li>...</li>
            </ul>
            <p class="help-block">
                <em class="glyphicon glyphicon-info-sign"></em> 至于使用哪一种方式, 在实际中请根据具体的需求或服务器资源提供的访问方式去选择
            </p>
        </div>
    </div>
</div>


<hr/>
<div th:replace="fragment/footer :: footer-oidc"/>
</body>
</html>